【CSS】letter-spacing - 文字間のスペースサイズ

CSSのletter-spacingプロパティについて解説します。

検証環境

CSS

macOS

14.1

letter-spacing

letter-spacingは“文字間のスペースサイズ”のプロパティです。

基本構文

letter-spacing: 値;

サンプル

sample.html

<style>
.p1 {
    ___ih_hl_start
    letter-spacing: initial;
    ___ih_hl_end
}
.p2 {
    ___ih_hl_start
    letter-spacing: 0.2em;
    ___ih_hl_end
}
.p3 {
    ___ih_hl_start
    letter-spacing: 10px;
    ___ih_hl_end
}
</style>

<p class="p1">CSS : Cascading Style Sheets</p>
<p class="p2">CSS : Cascading Style Sheets</p>
<p class="p3">CSS : Cascading Style Sheets</p>

プレビュー